@CHARSET "UTF-8";
.virtualKeyboard {
    position: absolute;
    z-index: 100;
    left: 50%;
    margin-left: -462px;
    bottom: 0;
    width: 925px;
    height: 424px;
    background: #002f3c;
}

.virtualKeyboard_en {
    position: absolute;
    z-index: 100;
    float: left;
    left: 50%;
    margin-left: -462px;
    bottom: 0;
    width: 925px;
    height: 282px;
    background: #002f3c;
}

.words_input {
    position: relative;
    float: left;
    width: 925px;
    height: 70px;
}

.input_letters {
    position: relative;
    float: left;
    width: 925px;
    height: 70px;
    text-align: left;
    font-size: 38px;
    font-weight: 800;
    line-height: 70px;
    color: white;
}

.words_list {
    position: relative;
    float: left;
    width: 797px;
    height: 70px;
    background: #434343;
    margin-bottom: 2px;
    padding-left: 5px;
}

.select_words {
    position: relative;
    float: left;
    height: 70px;
    width: 76px;
    text-align: center;
    font-size: 32px;
    font-weight: 800;
    line-height: 70px;
    color: white;
}

.select_words_over {
    background: url(./img/selected.png) center no-repeat;
    position: relative;
    float: left;
    height: 70px;
    width: 76px;
    text-align: center;
    font-size: 32px;
    font-weight: 800;
    line-height: 70px;
    color: yellow;
}

.button_page {
    position: relative;
    float: right;
    width: 118px;
    height: 70px;
    background: #434343;
    margin-bottom: 2px;
    padding-left: 5px;
}

.button-pre {
    background: url(./img/pre.png) center no-repeat;
    float: left;
    width: 56px;
    height: 71px;
    margin-right: 2px;
    line-height: 70px;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    background-size: 100% 100%;
}

.button-pre_over {
    background: url(./img/pre_over.png) center no-repeat;
    float: left;
    width: 56px;
    height: 71px;
    margin-right: 2px;
    line-height: 70px;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    background-size: 100% 100%;
}

.button-next {
    background: url(./img/next.png) center no-repeat;
    float: right;
    width: 56px;
    height: 71px;
    margin-right: 3px;
    line-height: 70px;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    background-size: 100% 100%;
}

.button-next_over {
    background: url(./img/next_over.png) center no-repeat;
    float: right;
    width: 56px;
    height: 71px;
    margin-right: 3px;
    line-height: 70px;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    background-size: 100% 100%;
}

.keyboard_letters {
    position: relative;
    float: left;
    width: 925px;
    /*height: 143px;*/
    height: 215px;
    text-align: center;
}

.keyboard_operate {
    position: relative;
    float: left;
    width: 925px;
    height: 64px;
}

.keyboard_letters span {
    background: url(./img/letter.png) center no-repeat;
    float: left;
    width: 71px;
    height: 71px;
    line-height: 70px;
    text-align: center;
    font-size: 50px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    background-size: 100% 100%;
}

.keyboard_letters .span_now {
    background: url(./img/letter_over.png) center no-repeat;
    float: left;
    width: 71px;
    height: 71px;
    line-height: 70px;
    text-align: center;
    font-size: 50px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    background-size: 100% 100%;
}

.keyboard_operate .keyboard_switch {
    background: url(./img/operate.png) center no-repeat;
    float: left;
    width: 150px;
    height: 64px;
    line-height: 68px;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    background-size: 100% 100%;
}

.keyboard_operate .keyboard_switch_over {
    background: url(./img/operate_over.png) center no-repeat;
    float: left;
    width: 150px;
    height: 64px;
    line-height: 68px;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    background-size: 100% 100%;
}

.keyboard_operate .keyboard_zh {
    background: url(./img/operate.png) center no-repeat;
    float: left;
    width: 150px;
    height: 64px;
    line-height: 68px;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    background-size: 100% 100%;
}

.keyboard_operate .keyboard_zh_over {
    background: url(./img/operate_over.png) center no-repeat;
    float: left;
    width: 150px;
    height: 64px;
    line-height: 68px;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    background-size: 100% 100%;
}

.keyboard_operate .keyboard_dele {
    background: url(./img/operate.png) center no-repeat;
    float: left;
    width: 473px;
    height: 64px;
    line-height: 68px;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    background-size: 100% 100%;
}

.keyboard_operate .keyboard_dele_over {
    background: url(./img/operate_over.png) center no-repeat;
    float: left;
    width: 473px;
    height: 64px;
    line-height: 68px;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    background-size: 100% 100%;
}

.keyboard_operate .keyboard_close {
    background: url(./img/operate.png) center no-repeat;
    float: left;
    width: 150px;
    height: 64px;
    line-height: 68px;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    background-size: 100% 100%;
}

.keyboard_operate .keyboard_close_over {
    background: url(./img/operate_over.png) center no-repeat;
    float: left;
    width: 150px;
    height: 64px;
    line-height: 68px;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    color: white;
    cursor: pointer;
    background-size: 100% 100%;
}

.keyboard_hide {
    display: none;
}